<%-- 
    Document   : ajaxAll
    Created on : Dec 16, 2013, 12:26:47 AM
    Author     : emm
--%>



<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link type="text/css" rel="stylesheet" href="css/main.css" />
        <link rel="icon" href="img/logotypeForTitle.png" type="image/x-icon" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="js/myscript.js"></script>
        <title> | AJAX</title>
    </head>
    <body>
        <div id="wrapper">

            <div id="logOut">
                <div class="meetingUser"> Hello, user2change!</div>
                <div>
                    <a href="#"><img id="logOutButton" src="img/signOut.png" /></a>
                </div>
            </div>

            <div id="loginBack">
                <div class="social">
                    <label for="username">USERNAME </label>
                    <input type="text" id="username" name="userName" value="" />
                </div>
                <div class="social">
                    <label for="pass">PASSWORD </label>
                    <input type="password" id="pass" name="userName" value="" />
                </div>

                <div class="social">
                    <a href="#" class="socialLogoFirst"><img id="fb" class="socialLogo" src="img/fb.png"/></a>
                    <a href="#"><img  class="socialLogo" id="tw" src="img/tw.png"/></a>
                    <a href="#"><img  class="socialLogo" id="vk" src="img/vk.png"/></a>
                    <a href="#"><img  class="socialLogo" id="gPlus"src="img/gPlus.png"/></a>
                </div>

                <div class="signInButton">
                    <a href="#"><img src="img/signIn.png"/></a>
                </div>
                <div class="clear"></div>
            </div>


        </div>
    </body>
</html>
